<template>
    <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
        :router="true"
    >
        <el-menu-item index="/insuranceSystem/CustomerManagement">
            <i class="el-icon-postcard"></i>
            <span>客户管理</span>
        </el-menu-item>
        <el-submenu index="6">
            <template slot="title">
                <i class="el-icon-s-order"></i>
                <span>订单管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/insuranceSystem/AllOrders"
                    >全部订单</el-menu-item
                >
                <!-- <el-menu-item index="/insuranceSystem/PaidOrder"
                    >已支付订单</el-menu-item
                >
                <el-menu-item index="/insuranceSystem/UnpaidOrder"
                    >未支付订单</el-menu-item
                > -->
            </el-menu-item-group>
        </el-submenu>
        <el-submenu index="7">
            <template slot="title">
                <i class="el-icon-s-cooperation"></i>
                <span>理赔订单</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/insuranceSystem/Claims"
                    >全部理赔订单</el-menu-item
                >
                <el-menu-item index="/insuranceSystem/IncreaseClaims"
                    >新增理赔申请</el-menu-item
                >
            </el-menu-item-group>
        </el-submenu>
        <el-menu-item index="/insuranceSystem/MyInvitation">
            <i class="el-icon-s-tools"></i>
            <span>我的邀请</span>
        </el-menu-item>
        <el-menu-item index="/insuranceSystem/PersonalCenter">
            <i class="el-icon-s-custom"></i>
            <span>个人中心</span>
        </el-menu-item>
    </el-menu>
</template>

<script>
export default {};
</script>

<style>
.el-menu {
    border: none;
}
</style>